<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
</h:head>
<h:body>

	<ui:composition template="/page/layout/layout.xhtml">
		<ui:define name="title">Nueva nominacion para la operacion #{addNominacionView.operacionActual.operacionId}</ui:define>
		<ui:define name="content">
		<f:metadata>
			<f:event type="preRenderView" listener="#{addNominacionView.init}" />
		</f:metadata>
		<h:form id="form">

			<rich:tabPanel switchType="client">
			<rich:tab header="Datos de arribo">
			<h:panelGrid columns="2" width="100%" style="font-size: 11px;">
				<h:panelGrid columns="3" id="arriboInfoPanel1" width="50%" style="font-size: 11px;">
					<h:outputText value="Sitio de arribo" />
					<h:inputText id="arriboBuqueSitio"
						value="#{addNominacionView.editedArribo.arriboBuqueSitio}" size="30"
						required="true">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="arriboBuqueSitio" />
					<h:outputText value="Nombre capitan" />
					<h:inputText id="arriboBuqueCapNom"
						value="#{addNominacionView.editedArribo.arriboBuqueCapNom}" size="30"
						required="true">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="arriboBuqueCapNom" />
					<h:outputText value="Apellido capitan" />
					<h:inputText id="arriboBuqueCapAp"
						value="#{addNominacionView.editedArribo.arriboBuqueCapAp}" size="30"
						required="true">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="arriboBuqueCapAp" />
					<h:outputText value="Fecha de arribo est." />
					<rich:calendar id="arriboFchEstimada" mode="ajax"
						boundaryDatesMode="scroll" datePattern="d/M/yy HH:mm"
						value="#{addNominacionView.editedArribo.arriboFchEstimada}" />
					<h:message for="arriboFchEstimada" />
					<h:outputText value="Fecha de Salida est." />
					<rich:calendar id="arriboFchEstimadaSal" mode="ajax"
						boundaryDatesMode="scroll" datePattern="d/M/yy HH:mm"
						value="#{addNominacionView.editedArribo.arriboFchEstimadaSal}" />
					<h:message for="arriboFchEstimadaSal" />
					<h:outputText value="Cargado en lastre (Tn)" />
					<rich:inputNumberSpinner id="arriboCargadoLastre"
						value="#{addNominacionView.editedArribo.arriboCargadoLastre}" size="10"
						required="true">
						<f:validateLongRange maximum="10000"/>
					</rich:inputNumberSpinner>
					<h:message for="arriboCargadoLastre" />
					<h:outputText value="Pais procedencia" />
					<rich:select id="arriboProcedenciaPais"
						value="#{addNominacionView.editedArribo.arriboProcedenciaPais}"  
						enableManualInput="true" defaultLabel="ingrese el pais"
						required="false">
						<f:selectItems value="#{inplaceSelectBean.paises}"  var="pais"
								itemValue="#{pais}" itemLabel="#{pais}" />
					</rich:select>
					<h:message for="arriboProcedenciaPais" />
					<h:outputText value="Ciudad procedencia" />
					<h:inputText id="arriboProcedenciaCiud"
						value="#{addNominacionView.editedArribo.arriboProcedenciaCiud}" size="10"
						required="true">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="arriboProcedenciaCiud" />
					<h:outputText value="Puerto procedencia" />
					<h:inputText id="arriboProcedenciaPuerto"
						value="#{addNominacionView.editedArribo.arriboProcedenciaPuerto}" size="10"
						required="true">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="arriboProcedenciaPuerto" />
					<h:outputText value="Fecha de Salida desde procedencia" />
					<rich:calendar id="arriboProcedenciaFchSal" mode="ajax"
						boundaryDatesMode="scroll" datePattern="d/M/yy HH:mm"
						value="#{addNominacionView.editedArribo.arriboProcedenciaFchSal}" />
					<h:message for="arriboProcedenciaFchSal" />
				</h:panelGrid>
				
				<h:panelGrid columns="3" id="arriboInfoPanel2" width="50%" style="font-size: 11px;">
					<h:outputText value="Calado de entrada"/>
					<rich:inputNumberSpinner id="arriboBuqueCaladoEnt"
						value="#{addNominacionView.editedArribo.arriboBuqueCaladoEnt}" size="10"
						required="false">
						<f:validateLongRange maximum="10000"/>
					</rich:inputNumberSpinner>
					<h:message for="arriboBuqueCaladoEnt" />
					<h:outputText value="Calado de salida"/>
					<rich:inputNumberSpinner id="arriboBuqueCaladoSal"
						value="#{addNominacionView.editedArribo.arriboBuqueCaladoSal}" size="10"
						required="false">
						<f:validateLongRange maximum="10000"/>
					</rich:inputNumberSpinner>
					<h:message for="arriboBuqueCaladoEnt" />
					<h:outputText value="Pais escala" />
					<rich:select id="arriboBuqueEscalaPais"
						value="#{addNominacionView.editedArribo.arriboBuqueEscalaPais}"   
						enableManualInput="true" defaultLabel="ingrese el pais"
						required="false">
						<f:selectItems value="#{inplaceSelectBean.paises}"  var="pais"
								itemValue="#{pais}" itemLabel="#{pais}" />
					</rich:select>
					<h:message for="arriboBuqueEscalaPais" />
					<h:outputText value="Ciudad escala" />
					<h:inputText id="arriboBuqueEscalaCiud"
						value="#{addNominacionView.editedArribo.arriboBuqueEscalaCiud}" size="10"
						required="false">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="arriboBuqueEscalaCiud" />
					<h:outputText value="Estadia (Dias)" />
					<rich:inputNumberSpinner id="arriboBuqueEstadiaTiempo"
						value="#{addNominacionView.editedArribo.arriboBuqueEstadiaTiempo}"
						required="false">
						<f:validateLongRange maximum="1000"/>
					</rich:inputNumberSpinner>
					<h:message for="arriboBuqueEstadiaTiempo" />
					<h:outputText value="Nombre del Punto de viaje" />
					<h:inputText id="arriboBuquePtoViajeNom"
						value="#{addNominacionView.editedArribo.arriboBuquePtoViajeNom}" size="10"
						required="false">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="arriboBuquePtoViajeNom" />
					<h:outputText value="Fecha ent. punto de viaje" />
					<rich:calendar id="arriboBuquePtoViajeFch" mode="ajax"
						boundaryDatesMode="scroll" datePattern="d/M/yy HH:mm"
						value="#{addNominacionView.editedArribo.arriboBuquePtoViajeFch}" />
					<h:message for="arriboBuquePtoViajeFch" />
					<h:outputText value="Fecha sal. de punto de viaje" />
					<rich:calendar id="arriboBuqPtoViajeFchSal" mode="ajax"
						boundaryDatesMode="scroll" datePattern="d/M/yy HH:mm"
						value="#{addNominacionView.editedArribo.arriboBuqPtoViajeFchSal}" />
					<h:message for="arriboBuqPtoViajeFchSal" />
				</h:panelGrid>
			</h:panelGrid>
			</rich:tab>
			
			<rich:tab header="Datos del salida">
			<h:panelGrid columns="1" width="100%" >
				<h:panelGrid columns="3" id="salidaInfoPanel1" width="50%" style="font-size:11px">
					<h:outputText value="Pais destino" />
					<rich:select id="salidaDestinoPais"
						value="#{addNominacionView.editedSalida.salidaDestinoPais}"   
						enableManualInput="true" defaultLabel="ingrese el pais"
						required="false">
						<f:selectItems value="#{inplaceSelectBean.paises}"  var="pais"
								itemValue="#{pais}" itemLabel="#{pais}" />
					</rich:select>
					<h:message for="salidaDestinoPais" />
					<h:outputText value="Ciudad destino" />
					<h:inputText id="salidaDestinoCiud"
						value="#{addNominacionView.editedSalida.salidaDestinoCiud}" size="10"
						required="false">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="salidaDestinoCiud" />
					<h:outputText value="Proxima pais escala" />
					<rich:select id="salidaProximaEscalaPais"
						value="#{addNominacionView.editedSalida.salidaProximaEscalaPais}" 
						enableManualInput="true" defaultLabel="ingrese el pais"
						required="false">
						<f:selectItems value="#{inplaceSelectBean.paises}"  var="pais"
								itemValue="#{pais}" itemLabel="#{pais}" />
					</rich:select>
					<h:message for="salidaProximaEscalaPais" />
					<h:outputText value="Proxima ciudad escala" />
					<h:inputText id="salidaProximaEscalaCiud"
						value="#{addNominacionView.editedSalida.salidaProximaEscalaCiud}" size="10"
						required="false">
						<f:validateLength maximum="30"/>
					</h:inputText>
					<h:message for="salidaProximaEscalaCiud" />
				</h:panelGrid>
			</h:panelGrid>
			</rich:tab>
			
			<rich:tab header="Datos del buque">
			<h:panelGrid columns="2" width="100%" >
				<h:panelGrid columns="3" id="buqueInfoPanel1" width="50%" style="font-size:11px">
					<h:outputText value="Buque IMO" />
					<h:inputText label="Buque IMO" id="buqueImo"
						value="#{addNominacionView.editedBuque.buqueImo}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Nombre" />
					<h:inputText label="Nombre" id="buqueNombre"
						value="#{addNominacionView.editedBuque.buqueNombre}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Tipo" />
					<h:inputText label="Tipo" id="buqueTipo"
						value="#{addNominacionView.editedBuque.buqueTipo}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Bandera" />
					<h:inputText label="Bandera" id="buqueBandera"
						value="#{addNominacionView.editedBuque.buqueBandera}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Coeficiente" />
					<h:inputText label="Coeficiente" id="buqueCoeficiente"
						value="#{addNominacionView.editedBuque.buqueCoeficiente}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Puerto De Registro" />
					<h:inputText label="Puerto De Registro" id="buquePuertoDeRegistro"
						value="#{addNominacionView.editedBuque.buquePuertoDeRegistro}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Peso Muerto" />
					<h:inputText label="Peso Muerto" id="buquePesoMuerto"
						value="#{addNominacionView.editedBuque.buquePesoMuerto}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Año de Construccion" />
					<h:inputText label="Año de Construccion" id="buqueAnoConstruccion"
						value="#{addNominacionView.editedBuque.buqueAnoConstruccion}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Peso Total" />
					<h:inputText label="Peso Total" id="buquePesoTotal"
						value="#{addNominacionView.editedBuque.buquePesoTotal}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Calado Maximo Verano" />
					<h:inputText label="Calado Maximo Verano" id="buqueCaladoMaximoVerano"
						value="#{addNominacionView.editedBuque.buqueCaladoMaximoVerano}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Calado Proa" />
					<h:inputText label="Calado Proa" id="buqueCaladoProa"
						value="#{addNominacionView.editedBuque.buqueCaladoProa}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Calado Popa" />
					<h:inputText label="Calado Popa"
						id="buqueCaladoPopa"
						value="#{addNominacionView.editedBuque.buqueCaladoPopa}"
						size="60" required="true" />
					<h:panelGroup />
				</h:panelGrid>
				
				<h:panelGrid columns="3" id="buqueInfoPanel2" width="50%" style="font-size:11px">

					<h:outputText value="Clasificacion" />
					<h:inputText label="Clasificacion" id="buqueClasificacion"
						value="#{addNominacionView.editedBuque.buqueClasificacion}" size="60"
						required="true" />
					<h:panelGroup />
	               <h:outputText value="Velocidad" />
					<h:inputText label="Velocidad" id="buqueVelocidad"
						value="#{addNominacionView.editedBuque.buqueVelocidad}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Tipo de Maquina" />
					<h:inputText label="Tipo de Maquina" id="buqueTipoDeMaquina"
						value="#{addNominacionView.editedBuque.buqueTipoDeMaquina}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Tonelaje Registro Bruto" />
					<h:inputText label="Tonelaje Registro Bruto" id="buqueTonelajeRegistroBruto"
						value="#{addNominacionView.editedBuque.buqueTonelajeRegistroBruto}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Tonelaje Registro Neto" />
					<h:inputText label="Tonelaje Registro Neto" id="buqueTonelajeRegistroNeto"
						value="#{addNominacionView.editedBuque.buqueTonelajeRegistroNeto}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Eslora Total" />
					<h:inputText label="Eslora Total" id="buqueEsloraTotal"
						value="#{addNominacionView.editedBuque.buqueEsloraTotal}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Summer" />
					<h:inputText label="Summer" id="buqueSummer"
						value="#{addNominacionView.editedBuque.buqueSummer}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Eslora Entre Perpendiculares" />
					<h:inputText label="Eslora Entre Perpendiculares" id="buqueEsloraEntrePerpendiculares"
						value="#{addNominacionView.editedBuque.buqueEsloraEntrePerpendiculares}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Manga" />
					<h:inputText label="Manga" id="buqueManga"
						value="#{addNominacionView.editedBuque.buqueManga}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="MMSI" />
					<h:inputText label="MMSI" id="buqueMmsi"
						value="#{addNominacionView.editedBuque.buqueMmsi}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Puntal" />
					<h:inputText label="Puntal" id="buquePuntal"
						value="#{addNominacionView.editedBuque.buquePuntal}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Numeral" />
					<h:inputText label="Numeral" id="buqueNumeral"
						value="#{addNominacionView.editedBuque.buqueNumeral}" size="60"
						required="true" />
					<h:panelGroup />
				</h:panelGrid>
			</h:panelGrid>
			</rich:tab>
			</rich:tabPanel>
			
			<a4j:commandButton value="Guardar" execute="form"
					action="#{addNominacionView.store}" render="form"
					oncomplete="if (#{facesContext.maximumSeverity==null}) {#{rich:component('confirmSelectPane')}.show();}">
			</a4j:commandButton>			
		</h:form>



		<a4j:jsFunction name="ocultar" render="table" execute="@this"
				oncomplete="#{rich:component('confirmSelectPane')}.hide();" />

		<rich:popupPanel id="confirmSelectPane" autosized="true">
				La nominacion ha sido dada de alta correctamente.
			<a4j:commandButton value="Ok" onclick="ocultar(); return true;" />
		</rich:popupPanel>

		</ui:define>
	</ui:composition>

</h:body>
</html>